<template>
	<view class="container">
		<!-- Details -->
		<view class="subsite">
			<view class="pro-hd uni-flex">
				<view class="uni-flex-item pro-left">
					<view class="section-main-title fz18">{{product_show.name}}</view>
				</view>
				<view class="pro-right">
					<view class="price-value mt10">&yen;{{product_show.price}}</view>
					<view class="mt10 c-gray">市场价</view>
				</view>
			</view>
			<view class="white-bg">
				<view class="pro-img">
					<image :src="product_show.thumb" mode="widthFix"></image>
				</view>
			</view>	
			<view class="flex-column">
			 <view v-if="product_show.stander" class="subitem">执行标准：<text class="c-black">{{product_show.stander}}</text></view>
			 <view v-if="product_show.trait" class="subitem">产品特点：<text class="c-black">{{product_show.trait}}</text></view>
			 <view v-if='product_show.spec' class="subitem">包装规格：<text class="c-black">{{product_show.spec}}</text></view>
			 <view v-if='product_show.scope' class="subitem">适用范围：<text class="c-black">{{product_show.scope}}。</text></view>
			</view>	
			<view class="post-title">产品概述</view>
			<view class="post-content" >
				<u-parse :content="product_show.detail" ></u-parse>
			</view>	
		</view>
		<!-- Details end-->
		<workflow></workflow>		
		<!-- Footer -->
		<relation></relation>
		<!-- Footer end-->
		<u-tabbar></u-tabbar>
	</view>
</template>

<script>
	import uParse from '@/components/gaoyia-parse/parse.vue'
	import relation from'../public/relation.vue';
	import workflow from '../public/workflow.vue';
	import base from '../../js/base.js';
	import app from '../../js/app.js';
	export default {
		components:{
			relation,workflow,uParse
		},
		data() {
			return {
				product_id:0,
				product_show :{}
			}
		},
		onLoad(opt) {
			this.product_id = opt.product_id;
			let This = this;
			base.request({
				url:base.urltext('/itorder/home_port/product_detail'),
				header:{ 'content-type': 'application/x-www-form-urlencoded' },
				data:{
					product_id:This.product_id
				},
				success:function(res){
					if(res.data.success>0)
					{
						This.product_show = res.data.product;						
					}
				}
			})
		},
		methods: {

		}
	}
</script>

<style>
	@import url("/components/gaoyia-parse/parse.css");
	.pro-hd{ min-height:120rpx; margin-bottom: 20rpx;}
	.pro-left{ width: 100%; border-right: 1px solid #d5d3d3;}
	.pro-right{ width: 200rpx; text-align: center;}
	.pro-img{padding: 40rpx; text-align: center;}
	.pro-img image{ width: 100%;}
</style>
